<template>
<div>
  <div>计算属性：{{msgReverse}}</div>

  <div>{{infoUpper}}</div>
  <input v-model="infoUpper">
</div>
</template>

<script>
export default {
data(){
  return{
    msg:'hello world',
    info:'abc'
  }
},
// 计算属性-常用于处理数据格式

computed:{
  // 计算属性的完整写法
  infoUpper:{
    // get
    get(){
      // 一定要有返回值
      return this.info.toUpperCase()
    },
    // set
    set(value){
      // 尝试修改计算属性会执行set
      this.info=value
    }
  },
  // key计算属性的属性名
  // value 计算使用函数，要有返回值
  msgReverse(){
    return this.msg.split('').reverse().join('')
  }
}
}
</script>

<style>

</style>